<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Expires" content="0" />
  <title>财丰金融</title>
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <div class="pub-top">
    <div class="container">
      <img src="./images/logo.png" alt="">
      <div class="pub-nav">
        <a href="index.html">首页</a>
        <a href="task.html" class="active">任务大厅</a>
        <a href="javascript:void(0)">新手指导</a>
        <a href="new.html">新闻资讯</a>
        <a href="about.html">关于我们</a>
        <a href="login.html">登录注册</a>
      </div>
      <div class="pub-search">
        <img src="./images/search.png" alt="">
        <input type="text" class="input" placeholder="请输入关键词">
        <div class="search-box">搜索</div>
      </div>
    </div>
  </div>
  <div id="task">
    <div class="container">
      <div class="address">
        <div class="area area2">
          <p class="text">地区：</p>
          <p class="text1 active">浙江省</p>
          <p class="text1">上海</p>
          <p class="text1">江西省</p>
          <p class="text1">湖南省</p>
          <p class="text1">北京市</p>
          <p class="text1">湖南省</p>
        </div>
        <div class="add">
          <p class="text">杭州</p>
          <p class="text active">宁波</p>
          <p class="text">温州</p>
          <p class="text">长沙</p>
        </div>
        <div class="area area1">
          <p class="text">类型：</p>
          <p class="text1 active">定存</p>
          <p class="text1">冲量</p>
          <p class="text1">贷款</p>
        </div>
      </div>
      <div class="c-cont">
        <img src="./images/cl.png" alt="">
        <p class="tit">长沙市农业银行月末冲量</p>
        <div class="text-box">
          <div class="left">
            <div class="item">
              <p class="text">1000万</p>
              <p class="text1">需要资金</p>
            </div>
            <p class="line"></p>
            <div class="item">
              <p class="text active">10万</p>
              <p class="text1">预计收益</p>
            </div>
            <p class="line"></p>
            <div class="item">
              <p class="text">冲量</p>
              <p class="text1">类型</p>
            </div>
            <p class="line"></p>
          </div>
          <div class="btn">立即咨询</div>
        </div>
      </div>
      <div class="c-cont">
        <img src="./images/cl.png" alt="">
        <p class="tit">长沙市农业银行月末冲量</p>
        <div class="text-box">
          <div class="left">
            <div class="item">
              <p class="text">1000万</p>
              <p class="text1">需要资金</p>
            </div>
            <p class="line"></p>
            <div class="item">
              <p class="text active">10万</p>
              <p class="text1">预计收益</p>
            </div>
            <p class="line"></p>
            <div class="item">
              <p class="text">冲量</p>
              <p class="text1">类型</p>
            </div>
            <p class="line"></p>
          </div>
          <div class="btn">立即咨询</div>
        </div>
      </div>
      <div class="load-more">
          加载更多>>
      </div>
    </div>
  </div>
  <div class="pub-bottom">
    <div class="container">
      <div class="bottom-left">
        <img src="./images/logo1.png" alt="">
        <p>杭州财丰金融有限公司 All rights reserved</p>
        <p>浙公网安备 11010502020657 浙ICP备12025643号-1</p>
      </div>
      <div class="bottom-right">
        <img src="./images/code.png" class="code" alt="">
        <img src="./images/code1.png" class="code1" alt="">
        <div class="bottom-phone">
          <p class="text">400-183-5288</p>
          <p class="text1">服务时间: 9:00-21:00</p>
        </div>
        <img src="./images/phone.png" class="phone-pic" alt="">
      </div>
    </div>
  </div>
</body>
<script src="./js/jquery-1.10.2.min.js"></script>
<script>
  $(function () {
    $(".address .area2 .text1").click(function () {
      $(".address .area2 .text1").removeClass("active")
      $(this).addClass("active")
    })
    $(".address .add .text").click(function () {
      $(".address .add .text").removeClass("active")
      $(this).addClass("active")
    })
    $(".address .area1 .text1").click(function () {
      $(".address .area1 .text1").removeClass("active")
      $(this).addClass("active")
    })
  })
</script>

</html>